<page-header-wrapper title="收款单" [logo]="logo">
    <ng-template #logo>
        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
            <i nz-icon nzType="left" nzTheme="outline"></i>
        </button>
    </ng-template>
</page-header-wrapper>

<nz-card class="search-box">
    <div nz-row>
        <div nz-col nzSpan="24">
            <se-container col="3" labelWidth="120">
                <se-title class="mb-md" style="font-size: 18px">基本信息</se-title>
                <se label="网络货运人" required>
                    {{ costInfo?.ltdName }}
                </se>
                <se label="银行类型">
                    {{ costInfo?.banktypeLabel }}
                </se>
                <se label="付款人" required>
                    {{ costInfo?.artoname }}
                </se>
                <se label="结算客户" required>
                    {{ costInfo?.cnoName }}
                </se>
                <se label="收款账户">
                    {{ costInfo?.ltdaccountId }}
                </se>
                <se label="预收金额">
                    {{ costInfo?.brmmoney |currency }}
                </se>
                <se label="收款类型" required>
                    {{ costInfo?.brmtypeLabel }}
                </se>
            </se-container>
        </div>
    </div>
</nz-card>

<nz-card class="content-box" nzBordered>
    <nz-tabset>
        <nz-tab nzTitle="转入信息">
            <!-- <div nz-row nzGutter="8">
                <div nz-col [nzXl]="16" [nzLg]="18" [nzSm]="24" [nzXs]="24">
                    <sf #sf [schema]="inputSearchSchema"
                        [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 12, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
                        [button]="'none'"></sf>
                </div>
                <div nz-col [nzXl]="8" [nzLg]="6" [nzSm]="24" [nzXs]="24">
                    <button nz-button nzType="primary" [nzLoading]="service.http.loading"
                        (click)="inputST?.load(1)">查询</button>
                    <button nz-button (click)="resetInputSF()">重置</button>
                </div>
            </div> -->
            <st #inputST [data]="service.$api_get_advance_collection_detail" [columns]="columns.input"
                [page]="{ show: false }" [req]="{  process: beforeReq }" [res]="{ reName: { list: 'data' } }"
                [loading]="false" [scroll]="{ x: '1200px', y: '370px' }" class="mt-md">
                <ng-template st-row="no" let-item let-index="index" let-column="column">
                    {{index+1}}
                </ng-template>
            </st>
        </nz-tab>
        <nz-tab nzTitle="核销信息">
            <!-- <div nz-row nzGutter="8">
                <div nz-col [nzXl]="16" [nzLg]="18" [nzSm]="24" [nzXs]="24">
                    <sf #sf [schema]="infoSearchSchema"
                        [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 12, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
                        [button]="'none'"></sf>
                </div>
                <div nz-col [nzXl]="8" [nzLg]="6" [nzSm]="24" [nzXs]="24">
                    <button nz-button nzType="primary" [nzLoading]="service.http.loading"
                        (click)="infoST?.load(1)">查询</button>
                    <button nz-button (click)="resetInfoSF()">重置</button>
                </div>
            </div> -->
            <st #infoST [scroll]="{ x: '2000px' }" [data]="service.$api_get_advance_collection_hrxiao"
                [columns]="columns.info" [page]="{ show: false }" [req]="{  process: beforeReq }"
                [res]="{ reName: { list: 'data' } }" [loading]="false" [scroll]="{ x: '1200px', y: '370px' }"
                class="mt-md">
                <ng-template st-row="no" let-item let-index="index" let-column="column">
                    {{index+1}}
                </ng-template>
            </st>
        </nz-tab>
    </nz-tabset>
</nz-card>